<#include "/common/taglibs.ftl" />
<div class="m-form__section">
    <div class="m-form__heading">
        <h3 class="m-form__heading-title"><@spring.message code="assign.role"/></h3>
    </div>
    <div class="form-group m-form__group row">
        <label class="col-form-label col-lg-3 col-sm-12"><@spring.message code="assign.role"/></label>
        <div class="col-lg-4 col-md-9 col-sm-12">
            <select multiple="multiple" size="10" id="roleIds" name="roleIds" class="form-control ">
            <#list roles as role>
                <option value="${(role.id)!}">${(role.name)!}</option>
            </#list>
            </select>
        </div>
    </div>
</div>
<div class="m-form__seperator m-form__seperator--dashed"></div>
<div class="m-form__section">
    <div class="m-form__heading">
        <h3 class="m-form__heading-title"><@spring.message code="assign.permission"/></h3>
    </div>
    <div class="form-group m-form__group row">
        <label class="col-form-label col-lg-3 col-sm-12"><@spring.message code="assign.permission"/></label>
        <div class="col-lg-4 col-md-9 col-sm-12">
            <input type="hidden" id="permissionId" name="permissionIds" value="${(m.permissionIds)!?join(',','')}">
            <div class="input-group">
                <input type="text" id="permissionName" class="form-control m-input" placeholder='- - - - -   <@spring.message code="please.choose"/>   - - - - -' readonly >
                <div class="input-group-append">
							<span class="input-group-text">
								<i class="la la-angle-down"></i>
							</span>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group m-form__group row">
        <label class="col-form-label col-lg-3 col-sm-12"><@spring.message code="assigned.permission"/></label>
        <div class="col-lg-4 col-md-9 col-sm-12">
            <textarea class="form-control" id="selectedPermissionName" rows="3" readonly></textarea>
        </div>
    </div>
</div>